.recipes-home{

    .recipes-header{
        display: inline-block;
        .header-op{
            display: inline-block;
            margin-right: 4px;
            vertical-align: top;
            max-width: 120px;
            &:first-child{
                max-width: 140px;
            }
            &:last-child{
                max-width: 200px;
            }
        }
    }

    .list-product{
        text-align: left;
        .list-product-img{
            width:60px;
            height:60px;
            display:inline-block;
            vertical-align: middle;
            img{
                width:100%;
                height:100%;
            }
        }
    }

}

:host ::ng-deep .el-datepicker{
    border: 1px solid #d6e1f1;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    height: 30px;
    overflow: hidden;
    .ant-calendar-picker{
        &:first-child{
            position: relative;
            &:after{
                content: '';
                position: absolute;
                right: -6px;
                width: 10px;
                height: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                border-top: 1px solid #d6e1f1;
            }
        }
    }
    .ant-calendar-picker-input{
        border: none;
    }
    .ant-input{
        height: 26px;
    }
}
:host ::ng-deep .ant-table-scroll{
    @media only screen and (min-height: 700px) {
        .ant-table-body{
            max-height: none !important;
            height: 68vh !important;
        }
    }
    @media only screen and (max-height: 699px) {
        .ant-table-body{
            max-height: none !important;
            height: 56vh !important;
        }
    }
}